---
title: Inputs
description: Form input components crafted with Tailwind CSS v4. Responsive text fields,
  search boxes, and form controls optimized for web applications. Customizable
  input elements with various styles including icons and floating labels for
  modern UI design.
emoji: 🔌
wrapper: h-[200px]
container: p-6 max-w-sm mx-auto
terms:
  - input
  - form
  - field
components:
  - { title: 'Base', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Base with icon', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Base with button', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Floating label', dark: true, plugins: ['@tailwindcss/forms'] }
---

# Input Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
